<template>
  <div id="app">
    <!-- 对组件进行缓存 使用keep-alive优化网页性能 -->
    <!-- mounted函数只执行一次，也就是说在里面的ajax请求也只会发送一次 -->

    <!-- 这里排除Detail组件，即每次点击详情页，都重新发送ajax请求，传递新的id -->
    <!-- 或者可以不用排除，在activated生命周期里面重新发送ajax请求 -->
    <keep-alive exclude="Detail">
      <router-view />
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
</style>
